<template>
  <div>AComp {{ num }}</div>
</template>

<script>
export default {
  name: "AComp",
  data() {
    return {
      num: 0,
    };
  },
  methods: {
    setNum() {
      this.num++;
    },
  },
  mounted() {
    // 绑定事件 -> 被修改数据
    this.$bus.$on("setNum", this.setNum);
  },
  beforeDestroy() {
    // 解绑事件
    this.$bus.$off("setNum", this.setNum);
  },
};
</script>

<style></style>
